<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>***后台管理系统首页</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap-theme.min.css" rel="stylesheet">
    <link th:href="@{/css/base.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery-1.8.3.min.js}"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
</head>
<style>
    .img_square{
        width:40px;
        height: 40px;
    }
    .label_item{
        padding: 5px 5px;
        border-radius: 5px;
        border: 3px solid #a0d3ff;
        background-color: #a0d3ff;
        font-size: 17px;
        color: white;
        font-family: 微软雅黑;
    }
    .black_bg{
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left:0px;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.85);
    }
    /*左边选项菜单*/
    .snack_menu{
        display: none;
        margin: 0 auto;
        position: fixed;
        top: 120px;
        left: 30%;
        width: 40%;
        height: 600px;
        border-radius:15px;
        border: solid 0px #5d5d5d;
        z-index: 1000;
        background-color: #7eb0ff;
    }
    .snack_menu_table{
        display: none;
        overflow: scroll;
        margin: 0 auto;
        position: fixed;
        top: 170px;
        left: 32%;
        width: 36%;
        height: 500px;
        border-radius:15px;
        z-index: 1001;
        background-color: #f7f3ff;
    }
    th,td{
        font-size: 19px;
    }
    tr:hover{
        transform: scale(1.01,1.01);
        transition: 0.2s ease all;
        background-color: #7eb0ff;
        color: white;
    }
    .mene_item{
        height: 50px;
    }
</style>
<body>
<div class="container main_contain">
    <div class="head">
        <span>
            <!--<img src="<%=path%>/img/logo.jpg" class="min_logo">-->
            <span class="min_des" style="margin-left: 100px;">
                  **********系统
            </span>
        </span>
    </div>
    <div class="row clearfix">
        <div class="column left_panel">
            <ul style="margin-top: 110px;margin-left: -20px;">
                <li  class="active"><a href=""  class="active">
                    <span class="glyphicon glyphicon-home active" style="color: white;"></span>
                    商品管理</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-list"></span>
                    订单管理</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-check" ></span>
                    微信支付管理</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-check" ></span>
                    添加商品</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-signal" ></span>
                    数据统计</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-th" ></span>
                    管理员设置</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-wrench" ></span>
                    验收中心</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-usd" ></span>
                    交易记录</a></li>
                <li><a href="" >
                    <span class="glyphicon  glyphicon-book" ></span>
                    信用额度</a></li>
                <li><a href="">
                    <span class="glyphicon glyphicon-credit-card" ></span>
                    数据备份</a></li>
                <li><a href="" >
                    <span class="glyphicon glyphicon-comment" ></span>
                    常见问题</a></li>
            </ul>
        </div>
        <div class="col-md-2 column">
        </div>
        <div class="col-md-9 column">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="page-header" style="margin-top: 80px;">
                        <h4>
                           table_name
                        </h4>
                    </div>
                </div>
            </div>
            <div >
                <table class="table" style="margin-top: 10px;">
                    <thead>
                    <tr>
                        <th>
                            item1
                        </th>
                        <th>
                            item2
                        </th>
                        <th>
                            item3
                        </th>
                        <th>
                            item4
                        </th>
                        <th>
                            item5
                        </th>
                        <th>
                            item6
                        </th>
                        <th>
                            item7
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>